<style  lang="less" scoped>
.Page1{
  width: 100%;
  height: 100%;
  color:#fff;
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
  .headerBox{
    width: 100%;
    border-bottom: 2px solid #fff;
    position: relative;
    & > h1{
      font-size: 1.8rem;
      font-family: '宋体';
      font-weight: bold;
      text-align: center;
    }
    .headerRightBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%);
    }
    .headerLeftBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      left: 1%;
      transform: translate(0, -50%);
      .block{
        margin-left: 2rem;
      }
    }
  }
  .wrapper{
    flex:1;
    overflow: auto;
    padding: 0 0px;
    box-sizing: border-box;
    .ctn{
      min-width: 2400px;
      height: 1430px;
      #svgDom{
        width: 100%;
        height: 100%;
      }
    }
  }
}
/deep/ .el-form-item__label {
  color: #fff; /* 自定义 label 的颜色 */
}

/* 调整 el-input 的 placeholder 颜色 */
/deep/ .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1;
}

/* 调整 el-select 的 placeholder 颜色 */
/deep/ .el-select .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
}
/deep/ .el-textarea__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1; /* 确保颜色生效 */
}

// 遥控弹框样式
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 遥控弹框 - 操作人账号密码 - 样式
/deep/ .yaokongPersonDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
          color: #dee2e5;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: hidden;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 汇报调度弹框样式
/deep/ .reportSchedulingDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 0;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 汇报调度输入框
    .reportSchedulingTextArea{
      flex:1;
      overflow: hidden;
      // .el-textarea{
      // 	height: 100%;
      // }
      .el-textarea__inner{
        height: 100%;
        color:#dee2e5;
        background:transparent;
        border: 1px solid #666;
        font-size: 16px;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    text-align: center;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right: 34%;
}
.is-highlight {
  animation: highlight 1s;
}
@keyframes highlight {
  0% {
    color: yellow;
  }
  100% {
    color: #FFFFFF;
  }
}
.brandBtn{
  animation: flash 1s infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0.5; /* 半透明 */
  }
}
.brandMsgTitle{
  font-size: 2rem;
  color: white;
}
.brandMsgP{
  font-size: 1.5rem;
  //空两个字
  margin: 2rem;
}
/deep/ .el-dialog__body{
  overflow: scroll;
}
.fault-dialog-content {
  padding: 20px;
  color: #fff;
}

/* 覆盖 Element UI 的默认样式 */
:deep(.el-tabs__item) {
  color: rgba(255, 255, 255, 0.6);
}


:deep(.el-tabs__item.is-active) {
  color: #409EFF;
}

:deep(.el-tabs__nav-wrap::after) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-form-item__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-checkbox__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-radio__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-input-number__decrease),
:deep(.el-input-number__increase) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-input-number__decrease:hover),
:deep(.el-input-number__increase:hover) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-input__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
:deep(.is-disabled .el-input__inner){
  background-color: #131f2a;
  border-color: rgba(255, 255, 255, 0.2);
  color: #999;
}
:deep(.el-input__inner:hover),
:deep(.el-input__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-select-dropdown__item) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-select-dropdown__item.hover) {
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-select-dropdown__item.selected) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-slider__runway) {
  background-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-slider__bar) {
  background-color: #409EFF;
}

:deep(.el-slider__button) {
  border-color: #409EFF;
  background-color: #409EFF;
}

:deep(.el-collapse) {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.distance-slider {
  width: 300px;
}

.ms-label {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.el-collapse {
  margin: 10px 0;
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复下拉菜单的背景色 */
:deep(.el-select-dropdown) {
  background-color: rgb(2, 22, 42);
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复弹出层的背景色 */
:deep(.el-popper[x-placement^="bottom"]) {
  background-color: rgb(2, 22, 42);
}

/* 修改折叠面板的样式 */
:deep(.el-collapse) {
  border: none;
  background-color: transparent;
}

:deep(.el-collapse-item) {
  margin-bottom: 1px;
}

:deep(.el-collapse-item__header) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

:deep(.el-collapse-item__header:hover) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 15px;
}

:deep(.el-collapse-item__arrow) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header.is-active) {
  border-bottom-color: transparent;
}

:deep(.el-collapse-item__wrap) {
  border: none;
  background-color: transparent;
}

/* 添加新的样式 */
.fault-list {
  margin-top: 20px;
}

:deep(.el-table) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(28, 46, 64);
}

:deep(.el-table::before) {
  display: none;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--border th),
:deep(.el-table--border td) {
  border-right: 1px solid rgb(28, 46, 64);
}

:deep(.el-table thead) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background-color: rgba(2, 22, 42) !important;
}

.cancel-fault-buttons {
  display: flex;
  gap: 10px;
}

:deep(.el-textarea__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

:deep(.el-textarea__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-table__empty-block) {
  background-color: transparent;
}

:deep(.el-table__empty-text) {
  color: rgba(255, 255, 255, 0.6);
}
.messageAlarmList {
  overflow: hidden;  /* 隐藏溢出内容 */
}
.messageAlarmList {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.messageAlarmList::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.Page1:active {
  cursor: grabbing;
}
</style>
<template xmlns="">
  <div class="Page1" v-if="pageData" @contextmenu.r.prevent>
    <div class="headerBox">
      <div class="headerLeftBtnGroup">
        <div class="block">
          <el-cascader
            v-model="jiaoAnValue"
            :options="jiaoAnOptions_1"
            placeholder="教案"
            style="width: 7rem;"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"

          ></el-cascader>
        </div>
        <div class="block">
          <el-cascader
            v-model="gongkuangValue"
            placeholder="工况"
            style="width: 7rem"
            :options="gongKuangOptions"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"></el-cascader>
        </div>
      </div>
      <h1 style="color: rgb(255, 55, 25);margin-left: -10%">220kV平山变主接线图</h1>
      <div class="headerRightBtnGroup">
        <el-button @click="clearAll">全站清闪</el-button>
        <el-button>画面索引</el-button>
        <el-button @click="alertLog">告警记录</el-button>
        <el-button @click="operationRecords">操作记录</el-button>
      </div>
    </div>
    <div class="wrapper" ref="page" @mousedown="startDrag">
      <div class="ctn">
      <svg id="svgDom">
        <main-bus name="110kV II母" x1="475" y1="50" x2="475" y2="1420" stateDesc="110kV II母"  color="rgb(240,65,85)" :isMainPage="true"></main-bus>
        <main-bus name="110kV I母" x1="500" y1="50" x2="500" y2="1420" stateDesc="110kV I母"  color="rgb(240,65,85)" :isMainPage="true"></main-bus>
        <main-bus name="220kV I母" x1="1930" y1="50" x2="1930" y2="1100" stateDesc="220kV I母"  color="rgb(128,0,128)" :isMainPage="true"></main-bus>
        <main-bus name="220kV I母" x1="1955" y1="50" x2="1955" y2="1100" stateDesc="220kV II母"  color="rgb(128,0,128)" :isMainPage="true"></main-bus>
        <main-bus name="10kV I母" x1="550" y1="858" x2="1520" y2="858" stateDesc="10kV I母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
        <main-bus name="10kV II母" x1="1540" y1="858" x2="1900" y2="858" stateDesc="10kV I母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
        <main-bus name="10kV II母" x1="550" y1="1120" x2="1460" y2="1120" stateDesc="10kV III母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
        <main-bus name="10kV II母" x1="1480" y1="1120" x2="2170" y2="1120" stateDesc="10kV II母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
        <line x1="1870" y1="860" x2="1870" y2="1118"   stroke="rgb(0,210,0)" stroke-width="2"></line>
        <text x="375" y="40" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >110kV Ⅱ母</text>
        <text x="1950" y="40" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >220kV Ⅱ母</text>
        <text x="1840" y="40" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >220kV Ⅰ母</text>
        <text x="510" y="40" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >110kV Ⅰ母</text>
        <text x="560" y="840" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >10kV Ⅰ母</text>
        <text x="1400" y="1110" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >10kV Ⅲ母</text>
        <text x="1800" y="840" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >10kV Ⅱ母</text>
        <text x="1500" y="1110" fill="#a9765e" style="font-size: 1rem;font-weight: bolder" >10kV Ⅱ母</text>
<!--        电压数据-->
        <g transform="translate(1150,250)">
          <text x="105" y="-15"  style="font-weight: normal;" fill="#fff">10kV I母电压</text>
          <text x="225" y="-15"  style="font-weight: normal;" fill="#fff">220kV I母电压</text>
          <text x="345" y="-15"  style="font-weight: normal;" fill="#fff">220kV II母电压</text>
          <text x="15" y="15"  style="font-weight: normal;" fill="yellow">UA(kV)</text>
          <text x="15" y="40"  style="font-weight: normal;" fill="rgb(0,210,0)">UB(kV)</text>
          <text x="15" y="65"  style="font-weight: normal;" fill="rgb(240,65,85)">UC(kV)</text>
          <text x="15" y="90"  style="font-weight: normal;" fill="rgb(128,0,128)">UAB(kV)</text>
          <text x="15" y="115"  style="font-weight: normal;" fill="rgb(128,0,128)">UBC(kV)</text>
          <text x="15" y="140"  style="font-weight: normal;" fill="rgb(128,0,128)">UCA(kV)</text>
          <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][0].state_val).toFixed(2) }}</text>
          <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][1].state_val).toFixed(2) }}</text>
          <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][2].state_val).toFixed(2) }}</text>
          <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][3].state_val).toFixed(2) }}</text>
          <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][4].state_val).toFixed(2) }}</text>
          <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅠM'][5].state_val).toFixed(2) }}</text>
          <g transform="translate(120,0)">
            <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][6].state_val).toFixed(2) }}</text>
            <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][7].state_val).toFixed(2) }}</text>
            <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][8].state_val).toFixed(2) }}</text>
            <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][9].state_val).toFixed(2) }}</text>
            <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][10].state_val).toFixed(2) }}</text>
            <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅠM'][11].state_val).toFixed(2) }}</text>
          </g>
          <g transform="translate(240,0)">
            <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][0].state_val).toFixed(2) }}</text>
            <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][1].state_val).toFixed(2) }}</text>
            <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][2].state_val).toFixed(2) }}</text>
            <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][3].state_val).toFixed(2) }}</text>
            <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][4].state_val).toFixed(2) }}</text>
            <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['220ⅡM'][5].state_val).toFixed(2) }}</text>
          </g>
        </g>
        <g transform="translate(1150,480)">
          <text x="105" y="-15"  style="font-weight: normal;" fill="#fff">10kV II母电压</text>
          <text x="225" y="-15"  style="font-weight: normal;" fill="#fff">110kV I母电压</text>
          <text x="345" y="-15"  style="font-weight: normal;" fill="#fff">110kV II母电压</text>
          <text x="15" y="15"  style="font-weight: normal;" fill="yellow">UA(kV)</text>
          <text x="15" y="40"  style="font-weight: normal;" fill="rgb(0,210,0)">UB(kV)</text>
          <text x="15" y="65"  style="font-weight: normal;" fill="rgb(240,65,85)">UC(kV)</text>
          <text x="15" y="90"  style="font-weight: normal;" fill="rgb(128,0,128)">UAB(kV)</text>
          <text x="15" y="115"  style="font-weight: normal;" fill="rgb(128,0,128)">UBC(kV)</text>
          <text x="15" y="140"  style="font-weight: normal;" fill="rgb(128,0,128)">UCA(kV)</text>
          <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][0].state_val).toFixed(2) }}</text>
          <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][1].state_val).toFixed(2) }}</text>
          <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][2].state_val).toFixed(2) }}</text>
          <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][3].state_val).toFixed(2) }}</text>
          <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][4].state_val).toFixed(2) }}</text>
          <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅡM'][5].state_val).toFixed(2) }}</text>
          <g transform="translate(120,0)">
            <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][0].state_val).toFixed(2) }}</text>
            <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][1].state_val).toFixed(2) }}</text>
            <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][2].state_val).toFixed(2) }}</text>
            <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][3].state_val).toFixed(2) }}</text>
            <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][4].state_val).toFixed(2) }}</text>
            <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅠM'][5].state_val).toFixed(2) }}</text>
          </g>
          <g transform="translate(240,0)">
            <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][0].state_val).toFixed(2) }}</text>
            <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][1].state_val).toFixed(2) }}</text>
            <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][2].state_val).toFixed(2) }}</text>
            <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][3].state_val).toFixed(2) }}</text>
            <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][4].state_val).toFixed(2) }}</text>
            <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['110ⅡM'][5].state_val).toFixed(2) }}</text>
          </g>
        </g>
        <g transform="translate(1150,710)">
          <text x="105" y="-15"  style="font-weight: normal;" fill="#fff">10kV II母电压</text>
          <text x="15" y="15"  style="font-weight: normal;" fill="yellow">UA(kV)</text>
          <text x="15" y="40"  style="font-weight: normal;" fill="rgb(0,210,0)">UB(kV)</text>
          <text x="15" y="65"  style="font-weight: normal;" fill="rgb(240,65,85)">UC(kV)</text>
          <text x="15" y="90"  style="font-weight: normal;" fill="rgb(128,0,128)">UAB(kV)</text>
          <text x="15" y="115"  style="font-weight: normal;" fill="rgb(128,0,128)">UBC(kV)</text>
          <text x="15" y="140"  style="font-weight: normal;" fill="rgb(128,0,128)">UCA(kV)</text>
          <text x="125" y="15"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][0].state_val).toFixed(2) }}</text>
          <text x="125" y="40"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][1].state_val).toFixed(2) }}</text>
          <text x="125" y="65"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][2].state_val).toFixed(2) }}</text>
          <text x="125" y="90"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][3].state_val).toFixed(2) }}</text>
          <text x="125" y="115"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][4].state_val).toFixed(2) }}</text>
          <text x="125" y="140"  style="font-weight: normal;" fill="#fff">{{ Number(pageData['10ⅢM'][5].state_val).toFixed(2) }}</text>
        </g>
<!--        162-->
          <g transform="translate(0,60)">
            <num-screen
              name="平闫线"
              :ftCode="162"
              dir="left"

              :P="Number(pageData[162][11].state_val)"
              :Q="Number(pageData[162][10].state_val)"
              :Ia="Number(pageData[162][9].state_val)"
            ></num-screen>
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <line x1="252" y1="35" x2="252" y2="25" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[162][4].state_val)"
              :stateDesc="pageData[162][4].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="227"
              :translate-y="20"
              :text-translate-y="10"
              :text-translate-x="40"
              :name="'-'+pageData[162][4].state_desc.split('-')[1]"></connect-line>
            <polyline points="252,-8,252,-25,272,-25" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[162][8].state_val)"
              :stateDesc="pageData[162][8].state_desc"
              :name="'-'+pageData[162][8].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="319"
              :translate-y="-43"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <terminal-svg
              :state="Number(pageData[162][7].state_val)"
              :stateDesc="pageData[162][7].state_desc"
              :name="'-'+pageData[162][7].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[162][3].state_val)"
              :stateDesc="pageData[162][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="22"
              :text-translate-x="25"
              :name="'-'+pageData[162][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[162][6].state_val)"
              :stateDesc="pageData[162][6].state_desc"
              :name="'-'+pageData[162][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="8"
              :text-translate-x="8"
              :rotate="-90"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[162][0].state_val)"
              :stateDesc="pageData[162][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-1"
              :text-translate-y="-4"
              :scale="0.7"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[162][0].is_clear}"
              :name="pageData[162][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[162][1].state_val)"
              :stateDesc="pageData[162][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="22"
              :text-translate-x="-10"
              :name="'-'+pageData[162][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[162][5].state_val)"
              :stateDesc="pageData[162][5].state_desc"
              :name="'-'+pageData[162][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="-38"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[162][2].state_val)"
              :stateDesc="pageData[162][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="22"
              :text-translate-x="-10"
              :name="'-'+pageData[162][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          </g>
<!--        161-->
        <g transform="translate(0,160)">
          <num-screen
            name="平化线"
            :ftCode="161"
            dir="left"

            :P="Number(pageData[161][8].state_val)"
            :Q="Number(pageData[161][9].state_val)"
            :Ia="Number(pageData[161][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[161][6].state_val)"
            :stateDesc="pageData[161][6].state_desc"
            :name="'-'+pageData[161][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[161][3].state_val)"
            :stateDesc="pageData[161][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[161][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[161][5].state_val)"
            :stateDesc="pageData[161][5].state_desc"
            :name="'-'+pageData[161][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[161][0].state_val)"
            :stateDesc="pageData[161][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[161][0].is_clear}"
            :name="pageData[161][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[161][1].state_val)"
            :stateDesc="pageData[161][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[161][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[161][4].state_val)"
            :stateDesc="pageData[161][4].state_desc"
            :name="'-'+pageData[161][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[161][2].state_val)"
            :stateDesc="pageData[161][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[161][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        159-->
        <g transform="translate(0,260)">
          <num-screen
            name="平寨I线"
            :ftCode="159"
            dir="left"

            :P="Number(pageData[159][8].state_val)"
            :Q="Number(pageData[159][9].state_val)"
            :Ia="Number(pageData[159][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[159][6].state_val)"
            :stateDesc="pageData[159][6].state_desc"
            :name="'-'+pageData[159][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[159][3].state_val)"
            :stateDesc="pageData[159][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[159][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[159][5].state_val)"
            :stateDesc="pageData[159][5].state_desc"
            :name="'-'+pageData[159][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[159][0].state_val)"
            :stateDesc="pageData[159][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[159][0].is_clear}"
            :name="pageData[159][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[159][1].state_val)"
            :stateDesc="pageData[159][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[159][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[159][4].state_val)"
            :stateDesc="pageData[159][4].state_desc"
            :name="'-'+pageData[159][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[159][2].state_val)"
            :stateDesc="pageData[159][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[159][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        158-->
        <g transform="translate(0,360)">
          <num-screen
            name="平托线"
            :ftCode="158"
            dir="left"

            :P="Number(pageData[158][8].state_val)"
            :Q="Number(pageData[158][9].state_val)"
            :Ia="Number(pageData[158][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[158][6].state_val)"
            :stateDesc="pageData[158][6].state_desc"
            :name="'-'+pageData[158][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[158][3].state_val)"
            :stateDesc="pageData[158][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[158][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[158][5].state_val)"
            :stateDesc="pageData[158][5].state_desc"
            :name="'-'+pageData[158][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[158][0].state_val)"
            :stateDesc="pageData[158][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[158][0].is_clear}"
            :name="pageData[158][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[158][1].state_val)"
            :stateDesc="pageData[158][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[158][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[158][4].state_val)"
            :stateDesc="pageData[158][4].state_desc"
            :name="'-'+pageData[158][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[158][2].state_val)"
            :stateDesc="pageData[158][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[158][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        157-->
        <g transform="translate(0,460)">
          <num-screen
            name="平一线"
            :ftCode="157"
            dir="left"

            :P="Number(pageData[157][8].state_val)"
            :Q="Number(pageData[157][9].state_val)"
            :Ia="Number(pageData[157][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[157][6].state_val)"
            :stateDesc="pageData[157][6].state_desc"
            :name="'-'+pageData[157][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[157][3].state_val)"
            :stateDesc="pageData[157][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[157][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[157][5].state_val)"
            :stateDesc="pageData[157][5].state_desc"
            :name="'-'+pageData[157][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[157][0].state_val)"
            :stateDesc="pageData[157][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[157][0].is_clear}"
            :name="pageData[157][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[157][1].state_val)"
            :stateDesc="pageData[157][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[157][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[157][4].state_val)"
            :stateDesc="pageData[157][4].state_desc"
            :name="'-'+pageData[157][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[157][2].state_val)"
            :stateDesc="pageData[157][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[157][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        156-->
        <g transform="translate(0,560)">
          <num-screen
            name="岗平线"
            :ftCode="156"
            dir="left"

            :P="Number(pageData[156][8].state_val)"
            :Q="Number(pageData[156][9].state_val)"
            :Ia="Number(pageData[156][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[156][6].state_val)"
            :stateDesc="pageData[156][6].state_desc"
            :name="'-'+pageData[156][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[156][3].state_val)"
            :stateDesc="pageData[156][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[156][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[156][5].state_val)"
            :stateDesc="pageData[156][5].state_desc"
            :name="'-'+pageData[156][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[156][0].state_val)"
            :stateDesc="pageData[156][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[156][0].is_clear}"
            :name="pageData[156][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[156][1].state_val)"
            :stateDesc="pageData[156][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[156][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[156][4].state_val)"
            :stateDesc="pageData[156][4].state_desc"
            :name="'-'+pageData[156][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[156][2].state_val)"
            :stateDesc="pageData[156][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[156][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        101-->
        <g transform="translate(0,690)">
          <num-screen
            name="母联101"
            :ftCode="101"
            dir="left"
            :P="null"
            :Q="null"
            :num-tran-x="-155"
            :num-tran-y="20"
            :Ia="Number(pageData[101][7].state_val)"
          ></num-screen>
          <polyline points="340,65,290,65,290,0,340,0" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <polyline points="320,0,320,20,330,20" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <polyline points="320,65,320,45,330,45" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <rect-svg
            :state="Number(pageData[101][0].state_val)"
            :stateDesc="pageData[101][0].state_desc"
            :rotate="90"
            :translate-y="17"
            :translate-x="318"
            :text-translate-x="-35"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[101][0].is_clear}"
            :name="pageData[101][0].state_desc"
          ></rect-svg>
          <terminal-svg
            :state="Number(pageData[101][4].state_val)"
            :stateDesc="pageData[101][4].state_desc"
            :name="'-'+pageData[101][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="376"
            :translate-y="2"
            :text-translate-y="-8"
            :text-translate-x="0"
            :rotate="90"
          ></terminal-svg>
          <terminal-svg
            :state="Number(pageData[101][3].state_val)"
            :stateDesc="pageData[101][3].state_desc"
            :name="'-'+pageData[101][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="376"
            :translate-y="26"
            :text-translate-y="-8"
            :text-translate-x="0"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[101][2].state_val)"
            :stateDesc="pageData[101][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="344"
            :translate-y="-24"
            :text-translate-y="-0"
            :text-translate-x="-20"
            :name="'-'+pageData[101][2].state_desc.split('-')[1]"></connect-line>
          <connect-line
            :state="Number(pageData[101][1].state_val)"
            :stateDesc="pageData[101][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="344"
            :translate-y="41"
            :text-translate-y="20"
            :text-translate-x="-20"
            :name="'-'+pageData[101][1].state_desc.split('-')[1]"></connect-line>
          <line x1="372" y1="0" x2="475" y2="0" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="372" y1="65" x2="500" y2="65" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="412,0,412,-30,370,-30" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <polyline points="412,65,412,95,370,95" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[101][6].state_val)"
            :stateDesc="pageData[101][6].state_desc"
            :name="'-'+pageData[101][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="323"
            :translate-y="-13"
            :text-translate-y="8"
            :text-translate-x="6"
            :rotate="-90"
          ></terminal-svg>
          <terminal-svg
            :state="Number(pageData[101][5].state_val)"
            :stateDesc="pageData[101][5].state_desc"
            :name="'-'+pageData[101][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="323"
            :translate-y="112"
            :text-translate-y="8"
            :text-translate-x="6"
            :rotate="-90"
          ></terminal-svg>
        </g>
<!--        155-->
        <g transform="translate(0,820)">
          <num-screen
            name="平坡Ⅱ线"
            :ftCode="155"
            dir="left"

            :P="Number(pageData[155][8].state_val)"
            :Q="Number(pageData[155][9].state_val)"
            :Ia="Number(pageData[155][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[155][6].state_val)"
            :stateDesc="pageData[155][6].state_desc"
            :name="'-'+pageData[155][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[155][3].state_val)"
            :stateDesc="pageData[155][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[155][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[155][5].state_val)"
            :stateDesc="pageData[155][5].state_desc"
            :name="'-'+pageData[155][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[155][0].state_val)"
            :stateDesc="pageData[155][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[155][0].is_clear}"
            :name="pageData[155][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[155][1].state_val)"
            :stateDesc="pageData[155][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[155][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[155][4].state_val)"
            :stateDesc="pageData[155][4].state_desc"
            :name="'-'+pageData[155][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[155][2].state_val)"
            :stateDesc="pageData[155][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[155][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        154-->
        <g transform="translate(0,920)">
          <num-screen
            name="平坡Ⅰ线"
            :ftCode="154"
            dir="left"

            :P="Number(pageData[154][8].state_val)"
            :Q="Number(pageData[154][9].state_val)"
            :Ia="Number(pageData[154][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[154][6].state_val)"
            :stateDesc="pageData[154][6].state_desc"
            :name="'-'+pageData[154][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[154][3].state_val)"
            :stateDesc="pageData[154][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[154][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[154][5].state_val)"
            :stateDesc="pageData[154][5].state_desc"
            :name="'-'+pageData[154][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[154][0].state_val)"
            :stateDesc="pageData[154][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[154][0].is_clear}"
            :name="pageData[154][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[154][1].state_val)"
            :stateDesc="pageData[154][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[154][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[154][4].state_val)"
            :stateDesc="pageData[154][4].state_desc"
            :name="'-'+pageData[154][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[154][2].state_val)"
            :stateDesc="pageData[154][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[154][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        153-->
        <g transform="translate(0,1020)">
          <num-screen
            name="平回Ⅱ线"
            :ftCode="153"
            dir="left"

            :P="Number(pageData[153][8].state_val)"
            :Q="Number(pageData[153][9].state_val)"
            :Ia="Number(pageData[153][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[153][6].state_val)"
            :stateDesc="pageData[153][6].state_desc"
            :name="'-'+pageData[153][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[153][3].state_val)"
            :stateDesc="pageData[153][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[153][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[153][5].state_val)"
            :stateDesc="pageData[153][5].state_desc"
            :name="'-'+pageData[153][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[153][0].state_val)"
            :stateDesc="pageData[153][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[153][0].is_clear}"
            :name="pageData[153][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[153][1].state_val)"
            :stateDesc="pageData[153][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[153][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[153][4].state_val)"
            :stateDesc="pageData[153][4].state_desc"
            :name="'-'+pageData[153][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[153][2].state_val)"
            :stateDesc="pageData[153][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[153][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        152-->
        <g transform="translate(0,1120)">
          <num-screen
            name="平回Ⅰ线"
            :ftCode="152"
            dir="left"

            :P="Number(pageData[152][8].state_val)"
            :Q="Number(pageData[152][9].state_val)"
            :Ia="Number(pageData[152][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[152][6].state_val)"
            :stateDesc="pageData[152][6].state_desc"
            :name="'-'+pageData[152][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[152][3].state_val)"
            :stateDesc="pageData[152][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[152][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[152][5].state_val)"
            :stateDesc="pageData[152][5].state_desc"
            :name="'-'+pageData[152][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[152][0].state_val)"
            :stateDesc="pageData[152][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[152][0].is_clear}"
            :name="pageData[152][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[152][1].state_val)"
            :stateDesc="pageData[152][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[152][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[152][4].state_val)"
            :stateDesc="pageData[152][4].state_desc"
            :name="'-'+pageData[152][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[152][2].state_val)"
            :stateDesc="pageData[152][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[152][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        151-->
        <g transform="translate(0,1220)">
          <num-screen
            name="平光线"
            :ftCode="151"
            dir="left"

            :P="Number(pageData[151][8].state_val)"
            :Q="Number(pageData[151][9].state_val)"
            :Ia="Number(pageData[151][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[151][6].state_val)"
            :stateDesc="pageData[151][6].state_desc"
            :name="'-'+pageData[151][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[151][3].state_val)"
            :stateDesc="pageData[151][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[151][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[151][5].state_val)"
            :stateDesc="pageData[151][5].state_desc"
            :name="'-'+pageData[151][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[151][0].state_val)"
            :stateDesc="pageData[151][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[151][0].is_clear}"
            :name="pageData[151][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[151][1].state_val)"
            :stateDesc="pageData[151][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[151][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[151][4].state_val)"
            :stateDesc="pageData[151][4].state_desc"
            :name="'-'+pageData[151][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[151][2].state_val)"
            :stateDesc="pageData[151][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[151][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--        150-->
        <g transform="translate(0,1320)">
          <num-screen
            name="平治线"
            :ftCode="150"
            dir="left"
            :P="Number(pageData[150][8].state_val)"
            :Q="Number(pageData[150][9].state_val)"
            :Ia="Number(pageData[150][7].state_val)"
          ></num-screen>
          <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="272,35,272,18,292,18" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[150][6].state_val)"
            :stateDesc="pageData[150][6].state_desc"
            :name="'-'+pageData[150][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="339"
            :translate-y="0"
            :text-translate-y="-5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[150][3].state_val)"
            :stateDesc="pageData[150][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="296"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="25"
            :name="'-'+pageData[150][3].state_desc.split('-')[1]"></connect-line>
          <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="344,35,344,60,324,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[150][5].state_val)"
            :stateDesc="pageData[150][5].state_desc"
            :name="'-'+pageData[150][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="279"
            :translate-y="77"
            :text-translate-y="8"
            :text-translate-x="8"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[150][0].state_val)"
            :stateDesc="pageData[150][0].state_desc"
            :rotate="0"
            :translate-y="7"
            :translate-x="364"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[150][0].is_clear}"
            :name="pageData[150][0].state_desc"
          ></rect-svg>
          <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[150][1].state_val)"
            :stateDesc="pageData[150][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="11"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[150][1].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[150][4].state_val)"
            :stateDesc="pageData[150][4].state_desc"
            :name="'-'+pageData[150][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="476"
            :translate-y="-3"
            :text-translate-y="-25"
            :text-translate-x="-38"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[150][2].state_val)"
            :stateDesc="pageData[150][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="432"
            :translate-y="36"
            :text-translate-y="22"
            :text-translate-x="-10"
            :name="'-'+pageData[150][2].state_desc.split('-')[1]"></connect-line>
          <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
        </g>
<!--       113 -->
        <g transform="translate(258,45)">
          <line x1="242" y1="35" x2="262" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[113][1].state_val)"
            :stateDesc="pageData[113][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="11"
            :text-translate-y="-10"
            :text-translate-x="-15"
            :name="'-'+pageData[113][1].state_desc.split('-')[1]"></connect-line>
          <polyline points="292,35,312,35,312,85,292,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <line x1="216" y1="60" x2="262" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="292" y1="60" x2="332" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[113][2].state_val)"
            :stateDesc="pageData[113][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="36"
            :text-translate-y="20"
            :text-translate-x="5"
            :name="'-'+pageData[113][2].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[113][4].state_val)"
            :stateDesc="pageData[113][4].state_desc"
            :name="'-'+pageData[113][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="244"
            :translate-y="102"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[113][0].state_val)"
            :stateDesc="pageData[113][0].state_desc"
            :rotate="0"
            :translate-y="32"
            :translate-x="331"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[113][0].is_clear}"
            :name="pageData[113][0].state_desc"
          ></rect-svg>
          <line x1="357" y1="60" x2="407" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="377,60,377,35,407,35" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[113][5].state_val)"
            :stateDesc="pageData[113][5].state_desc"
            :name="'-'+pageData[113][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="454"
            :translate-y="17"
            :text-translate-y="-5"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[113][3].state_val)"
            :stateDesc="pageData[113][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="435"
            :translate-y="84"
            :text-translate-y="-55"
            :text-translate-x="-25"
            :name="'-'+pageData[113][3].state_desc.split('-')[1]"></connect-line>
          <line x1="439" y1="60" x2="503" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="469,60,469,85,439,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[113][6].state_val)"
            :stateDesc="pageData[113][6].state_desc"
            :name="'-'+pageData[113][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="394"
            :translate-y="103"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="-90"
          ></terminal-svg>
          <g transform="translate(300,100)">
            <num-screen
              :has-screen="false"
              dir="left"
              :P="Number(pageData[113][8].state_val)"
              :Q="Number(pageData[113][9].state_val)"
              :Ia="Number(pageData[113][7].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        12-7-->
        <g transform="translate(258,220)">
          <line x1="218" y1="35" x2="289" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="274,35,274,10,289,10" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['110IIM'][1].state_val)"
            :stateDesc="pageData['110IIM'][1].state_desc"
            :name="'-'+pageData['110IIM'][1].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="336"
            :translate-y="-8"
            :text-translate-y="-8"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData['110IIM'][0].state_val)"
            :stateDesc="pageData['110IIM'][0].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="316"
            :translate-y="59"
            :text-translate-y="-32"
            :text-translate-x="-30"
            :name="pageData['110IIM'][0].state_desc"></connect-line>
          <polyline points="320,35,340,35,340,60,320,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['110IIM'][2].state_val)"
            :stateDesc="pageData['110IIM'][2].state_desc"
            :name="'-'+pageData['110IIM'][2].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="274"
            :translate-y="78"
            :text-translate-y="25"
            :text-translate-x="50"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="340,35,380,35,380,70" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.8
            :translate-x="277"
            :translate-y="-77.5"
            :rotate="0"
            :s-width="2"
            color="rgb(240,65,85)"
          ></dian-liu-hu-gan-qi>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="250"
            :translate-y="-28"
            :rotate="0"
            :s-width="2"
            color="rgb(240,65,85)"
          ></bi-lei-qi>
        </g>
<!--        112-->
        <g transform="translate(258,390)">
          <line x1="242" y1="35" x2="262" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[112][1].state_val)"
            :stateDesc="pageData[112][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="11"
            :text-translate-y="-10"
            :text-translate-x="-15"
            :name="'-'+pageData[112][1].state_desc.split('-')[1]"></connect-line>
          <polyline points="292,35,312,35,312,85,292,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <line x1="216" y1="60" x2="262" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="292" y1="60" x2="332" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[112][2].state_val)"
            :stateDesc="pageData[112][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="36"
            :text-translate-y="20"
            :text-translate-x="5"
            :name="'-'+pageData[112][2].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[112][4].state_val)"
            :stateDesc="pageData[112][4].state_desc"
            :name="'-'+pageData[112][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="244"
            :translate-y="102"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[112][0].state_val)"
            :stateDesc="pageData[112][0].state_desc"
            :rotate="0"
            :translate-y="32"
            :translate-x="331"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[112][0].is_clear}"
            :name="pageData[112][0].state_desc"
          ></rect-svg>
          <line x1="357" y1="60" x2="407" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="377,60,377,35,407,35" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[112][5].state_val)"
            :stateDesc="pageData[112][5].state_desc"
            :name="'-'+pageData[112][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="454"
            :translate-y="17"
            :text-translate-y="-5"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[112][3].state_val)"
            :stateDesc="pageData[112][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="435"
            :translate-y="84"
            :text-translate-y="-55"
            :text-translate-x="-25"
            :name="'-'+pageData[112][3].state_desc.split('-')[1]"></connect-line>
          <line x1="439" y1="60" x2="503" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="469,60,469,85,439,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[112][6].state_val)"
            :stateDesc="pageData[112][6].state_desc"
            :name="'-'+pageData[112][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="394"
            :translate-y="103"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="-90"
          ></terminal-svg>
          <g transform="translate(300,-40)">
            <num-screen
              :has-screen="false"
              dir="left"
              :P="Number(pageData[112][8].state_val)"
              :Q="Number(pageData[112][9].state_val)"
              :Ia="Number(pageData[112][7].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        11-7-->
        <g transform="translate(258,510)">
          <line x1="218" y1="35" x2="289" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="274,35,274,10,289,10" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['110IM'][1].state_val)"
            :stateDesc="pageData['110IM'][1].state_desc"
            :name="'-'+pageData['110IM'][1].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="336"
            :translate-y="-8"
            :text-translate-y="-8"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData['110IM'][0].state_val)"
            :stateDesc="pageData['110IM'][0].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="316"
            :translate-y="59"
            :text-translate-y="-32"
            :text-translate-x="-30"
            :name="pageData['110IM'][0].state_desc"></connect-line>
          <polyline points="320,35,340,35,340,60,320,60" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['110IM'][2].state_val)"
            :stateDesc="pageData['110IM'][2].state_desc"
            :name="'-'+pageData['110IM'][2].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="274"
            :translate-y="78"
            :text-translate-y="25"
            :text-translate-x="50"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="340,35,380,35,380,70" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.8
            :translate-x="277"
            :translate-y="-77.5"
            :rotate="0"
            :s-width="2"
            color="rgb(240,65,85)"
          ></dian-liu-hu-gan-qi>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="250"
            :translate-y="-28"
            :rotate="0"
            :s-width="2"
            color="rgb(240,65,85)"
          ></bi-lei-qi>
        </g>
<!--        111-->
        <g transform="translate(258,670)">
          <line x1="242" y1="35" x2="262" y2="35" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[111][1].state_val)"
            :stateDesc="pageData[111][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="11"
            :text-translate-y="-10"
            :text-translate-x="-15"
            :name="'-'+pageData[111][1].state_desc.split('-')[1]"></connect-line>
          <polyline points="292,35,312,35,312,85,292,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <line x1="216" y1="60" x2="262" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <line x1="292" y1="60" x2="332" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <connect-line
            :state="Number(pageData[111][2].state_val)"
            :stateDesc="pageData[111][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="0"
            :translate-x="264"
            :translate-y="36"
            :text-translate-y="20"
            :text-translate-x="5"
            :name="'-'+pageData[111][2].state_desc.split('-')[1]"></connect-line>
          <terminal-svg
            :state="Number(pageData[111][4].state_val)"
            :stateDesc="pageData[111][4].state_desc"
            :name="'-'+pageData[111][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="244"
            :translate-y="102"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[111][0].state_val)"
            :stateDesc="pageData[111][0].state_desc"
            :rotate="0"
            :translate-y="32"
            :translate-x="331"
            :text-translate-x="-1"
            :text-translate-y="-4"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[111][0].is_clear}"
            :name="pageData[111][0].state_desc"
          ></rect-svg>
          <line x1="357" y1="60" x2="407" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="377,60,377,35,407,35" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[111][5].state_val)"
            :stateDesc="pageData[111][5].state_desc"
            :name="'-'+pageData[111][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="454"
            :translate-y="17"
            :text-translate-y="-5"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[111][3].state_val)"
            :stateDesc="pageData[111][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="435"
            :translate-y="84"
            :text-translate-y="-55"
            :text-translate-x="-25"
            :name="'-'+pageData[111][3].state_desc.split('-')[1]"></connect-line>
          <line x1="439" y1="60" x2="503" y2="60" stroke="rgb(240,65,85)" stroke-width="2"></line>
          <polyline points="469,60,469,85,439,85" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData[111][6].state_val)"
            :stateDesc="pageData[111][6].state_desc"
            :name="'-'+pageData[111][6].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="394"
            :translate-y="103"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="-90"
          ></terminal-svg>
          <g transform="translate(300,-40)">
            <num-screen
              :has-screen="false"
              dir="left"
              :P="Number(pageData[111][8].state_val)"
              :Q="Number(pageData[111][9].state_val)"
              :Ia="Number(pageData[111][7].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        3号主变-->
        <g transform="translate(420,70)">
          <polyline points="340,35,340,205,440,205,440,165,410,165" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <g transform="scale(0.6) translate(36,-155)">
            <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>
            <line x1="720" y1="454" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <polyline points="745.21,470.70 753,463 742.67,463.98" fill="purple" stroke="rgb(128,0,128)" />
            <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
            <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
            <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
          </g>
          <terminal-svg
            :state="Number(pageData['3zb'][0].state_val)"
            :stateDesc="pageData['3zb'][0].state_desc"
            :name="pageData['3zb'][0].state_desc"
            :isMainPage="true"
            :scale=0.7
            :translate-x="363"
            :translate-y="183"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="453,185,453,135,1318,135" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <polyline points="453,195,473,195,473,165,513,165,513,175" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <polyline points="465,223,465,235,360,235,360,720,120,720,120,1213" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['3zb'][1].state_val)"
            :stateDesc="pageData['3zb'][1].state_desc"
            :name="pageData['3zb'][1].state_desc"
            :isMainPage="true"
            :scale=0.7
            :translate-x="530"
            :translate-y="222"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="180"
          ></terminal-svg>
          <g transform="translate(340,200)">
            <num-screen
              name="3号主变"
              :ftCode="156"
              dir="none"
              :text-width="80"
            ></num-screen>
          </g>
          <g  transform="translate(-290,-280)">
            <text x="890" y="470" fill="#FFFFFF">档位</text>
            <text x="890" y="500" fill="#FFFFFF">油温1</text>
            <text x="890" y="530" fill="#FFFFFF">油温2</text>
            <text x="890" y="560" fill="#FFFFFF">绕组</text>
            <text x="960" y="470" fill="#FFFFFF">{{Number(pageData["3zb"][2].state_val).toFixed(2)}}</text>
            <text x="960" y="500" fill="#FFFFFF">{{Number(pageData["3zb"][3].state_val).toFixed(2)}}</text>
            <text x="960" y="530" fill="#FFFFFF">{{Number(pageData["3zb"][4].state_val).toFixed(2)}}</text>
            <text x="960" y="560" fill="#FFFFFF">{{Number(pageData["3zb"][5].state_val).toFixed(2)}}</text>
            <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="570" x2="1010" y2="570" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="448" x2="870" y2="572" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="1010" y1="448" x2="1010" y2="572" style="stroke:rgb(255,255,255);stroke-width:2"/>
          </g>

        </g>
<!--        2号主变-->
        <g transform="translate(420,300)">
          <polyline points="340,150,340,205,440,205,440,165,410,165" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <g transform="scale(0.6) translate(36,-155)">
            <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>
            <line x1="720" y1="454" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <polyline points="745.21,470.70 753,463 742.67,463.98" fill="purple" stroke="rgb(128,0,128)" />
            <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
            <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
            <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
          </g>
          <terminal-svg
            :state="Number(pageData['2zb'][0].state_val)"
            :stateDesc="pageData['2zb'][0].state_desc"
            :name="pageData['2zb'][0].state_desc"
            :isMainPage="true"
            :scale=0.7
            :translate-x="363"
            :translate-y="183"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="453,185,453,135,1318,135" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <polyline points="453,195,473,195,473,165,513,165,513,175" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['2zb'][1].state_val)"
            :stateDesc="pageData['2zb'][1].state_desc"
            :name="pageData['2zb'][1].state_desc"
            :isMainPage="true"
            :scale=0.7
            :translate-x="530"
            :translate-y="222"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="180"
          ></terminal-svg>
          <g transform="translate(340,200)">
            <num-screen
              name="2号主变"
              :ftCode="156"
              dir="none"
              :text-width="80"
            ></num-screen>
          </g>
          <g  transform="translate(-290,-280)">
            <text x="890" y="470" fill="#FFFFFF">档位</text>
            <text x="890" y="500" fill="#FFFFFF">油温1</text>
            <text x="890" y="530" fill="#FFFFFF">油温2</text>
            <text x="960" y="470" fill="#FFFFFF">{{Number(pageData["2zb"][2].state_val).toFixed(2)}}</text>
            <text x="960" y="500" fill="#FFFFFF">{{Number(pageData["2zb"][3].state_val).toFixed(2)}}</text>
            <text x="960" y="530" fill="#FFFFFF">{{Number(pageData["2zb"][4].state_val).toFixed(2)}}</text>
            <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="448" x2="870" y2="541" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="1010" y1="448" x2="1010" y2="541" style="stroke:rgb(255,255,255);stroke-width:2"/>
          </g>
          <polyline points="467,225,467,270,730,270,730,360,970,360,970,410" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
          <connect-line
            :state="Number(pageData[512][2].state_val)"
            :stateDesc="pageData[512][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="946"
            :translate-y="438"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[512][2].state_desc.split('-')[1]"></connect-line>
          <line x1="970" y1="440" x2="970" y2="450" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <rect-svg
            :state="Number(pageData[512][0].state_val)"
            :stateDesc="pageData[512][0].state_desc"
            :rotate="90"
            :translate-y="449"
            :translate-x="999"
            :text-translate-x="10"
            :text-translate-y="-6"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[512][0].is_clear}"
            :name="pageData[512][0].state_desc"
          ></rect-svg>
          <line x1="970" y1="476" x2="970" y2="486" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[512][1].state_val)"
            :stateDesc="pageData[512][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="946"
            :translate-y="512"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[512][1].state_desc.split('-')[1]"></connect-line>
          <line x1="970" y1="516" x2="970" y2="556" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <g transform="translate(1000,430)">
            <num-screen
              :has-screen="false"
              dir="left"
              :P="Number(pageData[512][3].state_val)"
              :Q="Number(pageData[512][4].state_val)"
              :Ia="Number(pageData[512][5].state_val)"
            ></num-screen>
          </g>
        </g>
<!--        1号主变-->
        <g transform="translate(420,540)">
          <polyline points="340,190,340,205,440,205,440,165,410,165" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
          <g transform="scale(0.6) translate(36,-155)">
            <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>
            <line x1="720" y1="454" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <polyline points="745.21,470.70 753,463 742.67,463.98" fill="purple" stroke="rgb(128,0,128)" />
            <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
            <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
            <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
          </g>
          <terminal-svg
            :state="Number(pageData['1zb'][0].state_val)"
            :stateDesc="pageData['1zb'][0].state_desc"
            :name="pageData['1zb'][0].state_desc"
            :isMainPage="true"
            :scale="0.7"
            :translate-x="363"
            :translate-y="183"
            :text-translate-y="25"
            :text-translate-x="45"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="453,185,453,135,1318,135" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <polyline points="453,195,473,195,473,65,513,65,513,75" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['1zb'][1].state_val)"
            :stateDesc="pageData['1zb'][1].state_desc"
            :name="pageData['1zb'][1].state_desc"
            :isMainPage="true"
            :scale=0.7
            :translate-x="530"
            :translate-y="122"
            :text-translate-y="25"
            :text-translate-x="75"
            :rotate="180"
          ></terminal-svg>
          <g transform="translate(340,220)">
            <num-screen
              name="1号主变"
              :ft-code="'1zb'"
              dir="none"
              :text-width="80"
            ></num-screen>
          </g>
          <g  transform="translate(-290,-410)">
            <text x="890" y="470" fill="#FFFFFF">档位</text>
            <text x="890" y="500" fill="#FFFFFF">油温1</text>
            <text x="890" y="530" fill="#FFFFFF">油温2</text>
            <text x="960" y="470" fill="#FFFFFF">{{Number(pageData["1zb"][2].state_val).toFixed(2)}}</text>
            <text x="960" y="500" fill="#FFFFFF">{{Number(pageData["1zb"][3].state_val).toFixed(2)}}</text>
            <text x="960" y="530" fill="#FFFFFF">{{Number(pageData["1zb"][4].state_val).toFixed(2)}}</text>
            <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="870" y1="448" x2="870" y2="541" style="stroke:rgb(255,255,255);stroke-width:2"/>
            <line x1="1010" y1="448" x2="1010" y2="541" style="stroke:rgb(255,255,255);stroke-width:2"/>
          </g>
          <g transform="translate(600,190)">
            <num-screen
              :has-screen="false"
              dir="left"
              :P="Number(pageData[511][3].state_val)"
              :Q="Number(pageData[511][4].state_val)"
              :Ia="Number(pageData[511][5].state_val)"
            ></num-screen>
          </g>
          <polyline points="467,225,467,235,500,235,500,145,590,145,590,165" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
          <g transform="translate(-380,-245)">
            <connect-line
              :state="Number(pageData[511][2].state_val)"
              :stateDesc="pageData[511][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="946"
              :translate-y="438"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[511][2].state_desc.split('-')[1]"></connect-line>
            <line x1="970" y1="440" x2="970" y2="450" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <rect-svg
              :state="Number(pageData[511][0].state_val)"
              :stateDesc="pageData[511][0].state_desc"
              :rotate="90"
              :translate-y="449"
              :translate-x="999"
              :text-translate-x="10"
              :text-translate-y="-6"
              :scale="0.7"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[511][0].is_clear}"
              :name="pageData[511][0].state_desc"
            ></rect-svg>
            <line x1="970" y1="476" x2="970" y2="486" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <connect-line
              :state="Number(pageData[511][1].state_val)"
              :stateDesc="pageData[511][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="946"
              :translate-y="512"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[511][1].state_desc.split('-')[1]"></connect-line>
            <line x1="970" y1="516" x2="970" y2="562" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          </g>
        </g>
<!--        503-->
        <g transform="translate(535,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[503][1].state_val)"
            :stateDesc="pageData[503][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[503][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="203" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="232" x2="20" y2="258" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="143" x2="35" y2="143" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[503][5].state_val)"
            :stateDesc="pageData['503'][5].state_desc"
            :name="'-'+pageData['503'][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <terminal-svg
            :state="Number(pageData[503][3].state_val)"
            :stateDesc="pageData['503'][3].state_desc"
            :name="'-'+pageData['503'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="126"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData[503][2].state_val)"
            :stateDesc="pageData[503][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="230"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[503][2].state_desc.split('-')[1]"></connect-line>
          <rect-svg
            :state="Number(pageData[503][0].state_val)"
            :stateDesc="pageData[503][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[503][0].is_clear}"
            :name="pageData[503][0].state_desc"
          ></rect-svg>
          <g transform="translate(-110,85)">
            <num-screen
              name="分段503"
              :ftCode="503"
              :text-width="60"
              :has-unit="false"
              dir="bottom"
              :P="null"
              :Q="null"
              :num-tran-x="-30"
              :num-tran-y="104"
              :Ia="Number(pageData[503][3].state_val)"
            ></num-screen>
          </g>


        </g>
<!--        510-->
        <g transform="translate(640,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[510][1].state_val)"
            :stateDesc="pageData[510][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[510][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[510][3].state_val)"
            :stateDesc="pageData['510'][3].state_desc"
            :name="'-'+pageData['510'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[510][0].state_val)"
            :stateDesc="pageData[510][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[510][0].is_clear}"
            :name="pageData[510][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[510][2].state_val)"
            :stateDesc="pageData[510][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[510][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="1#电容器"
              :ftCode="510"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[510][5].state_val)"
              :Ia="Number(pageData[510][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        520-->
        <g transform="translate(720,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[520][1].state_val)"
            :stateDesc="pageData[520][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[520][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[520][3].state_val)"
            :stateDesc="pageData['520'][3].state_desc"
            :name="'-'+pageData['520'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[520][0].state_val)"
            :stateDesc="pageData[520][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[520][0].is_clear}"
            :name="pageData[520][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[520][2].state_val)"
            :stateDesc="pageData[520][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[520][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="2#电容器"
              :ftCode="520"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[520][5].state_val)"
              :Ia="Number(pageData[520][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        530-->
        <g transform="translate(800,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[530][1].state_val)"
            :stateDesc="pageData[530][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[530][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[530][3].state_val)"
            :stateDesc="pageData['530'][3].state_desc"
            :name="'-'+pageData['530'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[530][0].state_val)"
            :stateDesc="pageData[530][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[530][0].is_clear}"
            :name="pageData[530][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[530][2].state_val)"
            :stateDesc="pageData[530][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[530][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="3#电容器"
              :ftCode="530"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[530][5].state_val)"
              :Ia="Number(pageData[530][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        571-->
        <g transform="translate(880,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[571][1].state_val)"
            :stateDesc="pageData[571][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[571][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[571][3].state_val)"
            :stateDesc="pageData['571'][3].state_desc"
            :name="'-'+pageData['571'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[571][0].state_val)"
            :stateDesc="pageData[571][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[571][0].is_clear}"
            :name="pageData[571][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[571][2].state_val)"
            :stateDesc="pageData[571][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[530][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="备用"
              :ftCode="571"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[571][5].state_val)"
              :Q="Number(pageData[571][6].state_val)"
              :Ia="Number(pageData[571][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        572-->
        <g transform="translate(960,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[572][1].state_val)"
            :stateDesc="pageData[572][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[572][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[572][3].state_val)"
            :stateDesc="pageData['572'][3].state_desc"
            :name="'-'+pageData['572'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[572][0].state_val)"
            :stateDesc="pageData[572][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[572][0].is_clear}"
            :name="pageData[572][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[572][2].state_val)"
            :stateDesc="pageData[572][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[572][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="城旭东"
              :ftCode="572"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[572][5].state_val)"
              :Q="Number(pageData[572][6].state_val)"
              :Ia="Number(pageData[572][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        573-->
        <g transform="translate(1040,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[573][1].state_val)"
            :stateDesc="pageData[573][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[573][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[573][3].state_val)"
            :stateDesc="pageData['573'][3].state_desc"
            :name="'-'+pageData['573'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[573][0].state_val)"
            :stateDesc="pageData[573][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[573][0].is_clear}"
            :name="pageData[573][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[573][2].state_val)"
            :stateDesc="pageData[573][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[573][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="王平线"
              :ftCode="573"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[573][5].state_val)"
              :Q="Number(pageData[573][6].state_val)"
              :Ia="Number(pageData[573][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        574-->
        <g transform="translate(1120,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[574][1].state_val)"
            :stateDesc="pageData[574][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[574][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[574][3].state_val)"
            :stateDesc="pageData['574'][3].state_desc"
            :name="'-'+pageData['574'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[574][0].state_val)"
            :stateDesc="pageData[574][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[574][0].is_clear}"
            :name="pageData[574][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[574][2].state_val)"
            :stateDesc="pageData[574][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[574][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="桥西一"
              :ftCode="574"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[574][5].state_val)"
              :Q="Number(pageData[574][6].state_val)"
              :Ia="Number(pageData[574][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        575-->
        <g transform="translate(1200,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[575][1].state_val)"
            :stateDesc="pageData[575][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[575][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[575][3].state_val)"
            :stateDesc="pageData['575'][3].state_desc"
            :name="'-'+pageData['575'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[575][0].state_val)"
            :stateDesc="pageData[575][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[575][0].is_clear}"
            :name="pageData[575][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[575][2].state_val)"
            :stateDesc="pageData[575][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[575][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="平开一"
              :ftCode="575"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[575][5].state_val)"
              :Q="Number(pageData[575][6].state_val)"
              :Ia="Number(pageData[575][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        576-->
        <g transform="translate(1280,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[576][1].state_val)"
            :stateDesc="pageData[576][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[576][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[575][3].state_val)"
            :stateDesc="pageData['575'][3].state_desc"
            :name="'-'+pageData['575'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[576][0].state_val)"
            :stateDesc="pageData[576][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[576][0].is_clear}"
            :name="pageData[576][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[576][2].state_val)"
            :stateDesc="pageData[576][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[576][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="华莹一"
              :ftCode="576"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[576][5].state_val)"
              :Q="Number(pageData[576][6].state_val)"
              :Ia="Number(pageData[576][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        515-->
        <g transform="translate(1360,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[515][1].state_val)"
            :stateDesc="pageData[515][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[515][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[575][3].state_val)"
            :stateDesc="pageData['575'][3].state_desc"
            :name="'-'+pageData['575'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[515][0].state_val)"
            :stateDesc="pageData[515][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[515][0].is_clear}"
            :name="pageData[515][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[515][2].state_val)"
            :stateDesc="pageData[515][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[515][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="1#站用变"
              :ftCode="576"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[515][5].state_val)"
              :Q="Number(pageData[515][6].state_val)"
              :Ia="Number(pageData[515][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        51-7-->
        <g transform="translate(1440,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData['10ⅠM'][6].state_val)"
            :stateDesc="pageData['10ⅠM'][6].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="0"
            :name="pageData['10ⅠM'][6].state_desc"></connect-line>
          <line x1="20" y1="40" x2="20" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="20" y2="100" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="-10" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="87"
            :translate-y="-20"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></bi-lei-qi>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.7
            :translate-x="118"
            :translate-y="19"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></dian-liu-hu-gan-qi>
        </g>
<!--        分段501-->
        <g transform="translate(1480,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[501][1].state_val)"
            :stateDesc="pageData[501][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[501][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="55" x2="30" y2="55" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <polyline points="20,42 20,102,81,102" style="stroke:rgb(0,210,0);stroke-width:2"></polyline>
          <terminal-svg
            :state="Number(pageData[501][3].state_val)"
            :stateDesc="pageData['501'][3].state_desc"
            :name="'-'+pageData['501'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="76"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[501][0].state_val)"
            :stateDesc="pageData[501][0].state_desc"
            :rotate="0"
            :translate-y="74"
            :translate-x="32"
            :text-translate-x="2"
            :text-translate-y="30"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[501][0].is_clear}"
            :name="pageData[501][0].state_desc"
          ></rect-svg>
          <g transform="translate(60,0)">
            <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <connect-line
              :state="Number(pageData[501][2].state_val)"
              :stateDesc="pageData[501][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="-4"
              :translate-y="38"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[501][2].state_desc.split('-')[1]"></connect-line>
            <line x1="20" y1="55" x2="30" y2="55" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <polyline points="20,42 20,102" style="stroke:rgb(0,210,0);stroke-width:2"></polyline>
            <terminal-svg
              :state="Number(pageData[501][4].state_val)"
              :stateDesc="pageData['501'][4].state_desc"
              :name="'-'+pageData['501'][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="76"
              :translate-y="38"
              :text-translate-y="10"
              :text-translate-x="-40"
              :rotate="90"
            ></terminal-svg>
          </g>
          <g transform="translate(-120,144)">
            <num-screen
              name="分段501"
              :ftCode="576"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="null"
              :Ia="Number(pageData[501][5].state_val)"
            ></num-screen>
          </g>
        </g>
<!--        516-->
        <g transform="translate(1600,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[516][1].state_val)"
            :stateDesc="pageData[516][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[516][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[575][3].state_val)"
            :stateDesc="pageData['575'][3].state_desc"
            :name="'-'+pageData['575'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[516][0].state_val)"
            :stateDesc="pageData[516][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[516][0].is_clear}"
            :name="pageData[516][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[516][2].state_val)"
            :stateDesc="pageData[516][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[516][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="2#站用变"
              :ftCode="516"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[516][5].state_val)"
              :Q="Number(pageData[516][6].state_val)"
              :Ia="Number(pageData[516][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        581-->
        <g transform="translate(1680,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[581][1].state_val)"
            :stateDesc="pageData[581][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[581][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[581][3].state_val)"
            :stateDesc="pageData['581'][3].state_desc"
            :name="'-'+pageData['581'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[581][0].state_val)"
            :stateDesc="pageData[581][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[581][0].is_clear}"
            :name="pageData[581][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[581][2].state_val)"
            :stateDesc="pageData[581][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[581][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="备用"
              :ftCode="581"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[581][5].state_val)"
              :Q="Number(pageData[581][6].state_val)"
              :Ia="Number(pageData[581][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        582-->
        <g transform="translate(1760,860)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[582][1].state_val)"
            :stateDesc="pageData[582][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[582][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[582][3].state_val)"
            :stateDesc="pageData['582'][3].state_desc"
            :name="'-'+pageData['582'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[582][0].state_val)"
            :stateDesc="pageData[582][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[582][0].is_clear}"
            :name="pageData[582][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[582][2].state_val)"
            :stateDesc="pageData[582][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[582][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="石材一"
              :ftCode="581"
              dir="bottom"
              text-width="60"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[582][5].state_val)"
              :Q="Number(pageData[582][6].state_val)"
              :Ia="Number(pageData[582][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        595-->
        <g transform="translate(650,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[595][1].state_val)"
            :stateDesc="pageData[595][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[595][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[595][3].state_val)"
            :stateDesc="pageData['595'][3].state_desc"
            :name="'-'+pageData['595'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[595][0].state_val)"
            :stateDesc="pageData[595][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[595][0].is_clear}"
            :name="pageData[595][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[595][2].state_val)"
            :stateDesc="pageData[595][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[595][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="备用"
              :ftCode="595"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[595][5].state_val)"
              :Q="Number(pageData[595][6].state_val)"
              :Ia="Number(pageData[595][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        513-->
        <g transform="translate(600,1120)">
          <g transform="translate(-980,-400)">
            <line x1="970" y1="400" x2="970" y2="410" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <connect-line
              :state="Number(pageData[513][1].state_val)"
              :stateDesc="pageData[513][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="946"
              :translate-y="438"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[513][1].state_desc.split('-')[1]"></connect-line>
            <line x1="970" y1="440" x2="970" y2="450" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <rect-svg
              :state="Number(pageData[513][0].state_val)"
              :stateDesc="pageData[513][0].state_desc"
              :rotate="90"
              :translate-y="449"
              :translate-x="999"
              :text-translate-x="10"
              :text-translate-y="-6"
              :scale="0.7"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[513][0].is_clear}"
              :name="pageData[513][0].state_desc"
            ></rect-svg>
            <line x1="970" y1="476" x2="970" y2="486" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <connect-line
              :state="Number(pageData[513][2].state_val)"
              :stateDesc="pageData[513][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="946"
              :translate-y="512"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[513][2].state_desc.split('-')[1]"></connect-line>
            <line x1="970" y1="516" x2="970" y2="562" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <line x1="920" y1="562" x2="970" y2="562" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <g transform="translate(946,512)">
              <num-screen
                dir="bottom"
                text-width="60"
                :num-tran-x="-205"
                :num-tran-y="75"
                :has-unit="false"
                :has-screen="false"
                :P="Number(pageData[582][5].state_val)"
                :Q="Number(pageData[582][6].state_val)"
                :Ia="Number(pageData[582][4].state_val)"
              ></num-screen>
            </g>
          </g>
        </g>
<!--        594-->
        <g transform="translate(730,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[594][1].state_val)"
            :stateDesc="pageData[594][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[594][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[594][3].state_val)"
            :stateDesc="pageData['594'][3].state_desc"
            :name="'-'+pageData['594'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[594][0].state_val)"
            :stateDesc="pageData[594][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[594][0].is_clear}"
            :name="pageData[594][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[594][2].state_val)"
            :stateDesc="pageData[594][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[594][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="华莹二"
              :ftCode="594"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[594][5].state_val)"
              :Q="Number(pageData[594][6].state_val)"
              :Ia="Number(pageData[594][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        593-->
        <g transform="translate(810,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[593][1].state_val)"
            :stateDesc="pageData[593][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[593][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[593][3].state_val)"
            :stateDesc="pageData['593'][3].state_desc"
            :name="'-'+pageData['593'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[593][0].state_val)"
            :stateDesc="pageData[593][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[593][0].is_clear}"
            :name="pageData[593][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[593][2].state_val)"
            :stateDesc="pageData[593][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[593][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="备用"
              :ftCode="593"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[593][5].state_val)"
              :Q="Number(pageData[593][6].state_val)"
              :Ia="Number(pageData[593][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        592-->
        <g transform="translate(890,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[592][1].state_val)"
            :stateDesc="pageData[592][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[592][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[592][3].state_val)"
            :stateDesc="pageData['592'][3].state_desc"
            :name="'-'+pageData['592'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[592][0].state_val)"
            :stateDesc="pageData[592][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[592][0].is_clear}"
            :name="pageData[592][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[592][2].state_val)"
            :stateDesc="pageData[592][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[592][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="石材二"
              :ftCode="592"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[592][5].state_val)"
              :Q="Number(pageData[592][6].state_val)"
              :Ia="Number(pageData[592][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        591-->
        <g transform="translate(970,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[591][1].state_val)"
            :stateDesc="pageData[591][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[591][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[591][3].state_val)"
            :stateDesc="pageData['591'][3].state_desc"
            :name="'-'+pageData['591'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[591][0].state_val)"
            :stateDesc="pageData[591][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[591][0].is_clear}"
            :name="pageData[591][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[591][2].state_val)"
            :stateDesc="pageData[591][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[591][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="平开二"
              :ftCode="591"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[591][5].state_val)"
              :Q="Number(pageData[591][6].state_val)"
              :Ia="Number(pageData[591][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        554-->
        <g transform="translate(1050,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[554][1].state_val)"
            :stateDesc="pageData[554][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[554][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[554][3].state_val)"
            :stateDesc="pageData['554'][3].state_desc"
            :name="'-'+pageData['554'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[554][0].state_val)"
            :stateDesc="pageData[554][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[554][0].is_clear}"
            :name="pageData[554][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[554][2].state_val)"
            :stateDesc="pageData[554][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[554][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="10#电容器"
              :ftCode="554"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[554][5].state_val)"
              :Ia="Number(pageData[554][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        553-->
        <g transform="translate(1130,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[553][1].state_val)"
            :stateDesc="pageData[553][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[553][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[553][3].state_val)"
            :stateDesc="pageData['553'][3].state_desc"
            :name="'-'+pageData['553'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[553][0].state_val)"
            :stateDesc="pageData[553][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[553][0].is_clear}"
            :name="pageData[553][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[553][2].state_val)"
            :stateDesc="pageData[553][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[553][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="9#电容器"
              :ftCode="553"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[553][5].state_val)"
              :Ia="Number(pageData[553][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        552-->
        <g transform="translate(1210,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[552][1].state_val)"
            :stateDesc="pageData[552][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[552][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[552][3].state_val)"
            :stateDesc="pageData['552'][3].state_desc"
            :name="'-'+pageData['552'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[552][0].state_val)"
            :stateDesc="pageData[552][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[552][0].is_clear}"
            :name="pageData[552][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[552][2].state_val)"
            :stateDesc="pageData[552][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[552][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="8#电容器"
              :ftCode="553"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[552][5].state_val)"
              :Ia="Number(pageData[552][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        551-->
        <g transform="translate(1290,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[551][1].state_val)"
            :stateDesc="pageData[551][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[551][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[551][3].state_val)"
            :stateDesc="pageData['551'][3].state_desc"
            :name="'-'+pageData['551'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[551][0].state_val)"
            :stateDesc="pageData[551][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[551][0].is_clear}"
            :name="pageData[551][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[551][2].state_val)"
            :stateDesc="pageData[551][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[551][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="7#电容器"
              :ftCode="553"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[551][5].state_val)"
              :Ia="Number(pageData[551][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        53-7-->
        <g transform="translate(1380,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData['10IIIM'][0].state_val)"
            :stateDesc="pageData['10IIIM'][0].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="0"
            :name="pageData['10IIIM'][0].state_desc"></connect-line>
          <line x1="20" y1="40" x2="20" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="20" y2="100" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="-10" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="87"
            :translate-y="-20"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></bi-lei-qi>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.7
            :translate-x="118"
            :translate-y="19"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></dian-liu-hu-gan-qi>
        </g>
<!--        分段502-->
        <g transform="translate(1420,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[502][1].state_val)"
            :stateDesc="pageData[502][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[502][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="55" x2="30" y2="55" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <polyline points="20,42 20,102,81,102" style="stroke:rgb(0,210,0);stroke-width:2"></polyline>
          <terminal-svg
            :state="Number(pageData[502][3].state_val)"
            :stateDesc="pageData['502'][3].state_desc"
            :name="'-'+pageData['502'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="76"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[502][0].state_val)"
            :stateDesc="pageData[502][0].state_desc"
            :rotate="0"
            :translate-y="74"
            :translate-x="32"
            :text-translate-x="2"
            :text-translate-y="30"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[502][0].is_clear}"
            :name="pageData[502][0].state_desc"
          ></rect-svg>
          <g transform="translate(60,0)">
            <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <connect-line
              :state="Number(pageData[502][2].state_val)"
              :stateDesc="pageData[502][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="-4"
              :translate-y="38"
              :text-translate-y="10"
              :text-translate-x="50"
              :name="'-'+pageData[502][2].state_desc.split('-')[1]"></connect-line>
            <line x1="20" y1="55" x2="30" y2="55" style="stroke:rgb(0,210,0);stroke-width:2"></line>
            <polyline points="20,42 20,102" style="stroke:rgb(0,210,0);stroke-width:2"></polyline>
            <terminal-svg
              :state="Number(pageData[502][4].state_val)"
              :stateDesc="pageData['502'][4].state_desc"
              :name="'-'+pageData['502'][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="76"
              :translate-y="38"
              :text-translate-y="10"
              :text-translate-x="-40"
              :rotate="90"
            ></terminal-svg>
          </g>
          <g transform="translate(-120,144)">
            <num-screen
              name="分段502"
              :ftCode="576"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="null"
              :Ia="Number(pageData[501][5].state_val)"
            ></num-screen>
          </g>
        </g>
<!--560-->
        <g transform="translate(1540,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[560][1].state_val)"
            :stateDesc="pageData[560][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[560][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[560][3].state_val)"
            :stateDesc="pageData['560'][3].state_desc"
            :name="'-'+pageData['560'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[560][0].state_val)"
            :stateDesc="pageData[560][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[560][0].is_clear}"
            :name="pageData[560][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[560][2].state_val)"
            :stateDesc="pageData[560][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[560][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="6#电容器"
              :ftCode="560"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[560][5].state_val)"
              :Ia="Number(pageData[560][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        550-->
        <g transform="translate(1620,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[550][1].state_val)"
            :stateDesc="pageData[550][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[550][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[550][3].state_val)"
            :stateDesc="pageData['550'][3].state_desc"
            :name="'-'+pageData['550'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[550][0].state_val)"
            :stateDesc="pageData[550][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[550][0].is_clear}"
            :name="pageData[550][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[550][2].state_val)"
            :stateDesc="pageData[550][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[550][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="5#电容器"
              :ftCode="560"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[550][5].state_val)"
              :Ia="Number(pageData[550][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        540-->
        <g transform="translate(1700,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[540][1].state_val)"
            :stateDesc="pageData[540][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[540][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[540][3].state_val)"
            :stateDesc="pageData['540'][3].state_desc"
            :name="'-'+pageData['540'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[540][0].state_val)"
            :stateDesc="pageData[540][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[540][0].is_clear}"
            :name="pageData[540][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[540][2].state_val)"
            :stateDesc="pageData[540][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[540][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="4#电容器"
              :ftCode="540"
              dir="bottom"
              text-width="65"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="null"
              :Q="Number(pageData[540][5].state_val)"
              :Ia="Number(pageData[540][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        586-->
        <g transform="translate(1780,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[586][1].state_val)"
            :stateDesc="pageData[586][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[586][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[586][3].state_val)"
            :stateDesc="pageData['586'][3].state_desc"
            :name="'-'+pageData['586'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[586][0].state_val)"
            :stateDesc="pageData[586][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[586][0].is_clear}"
            :name="pageData[586][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[586][2].state_val)"
            :stateDesc="pageData[586][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[586][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="桥西二"
              :ftCode="586"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[586][5].state_val)"
              :Q="Number(pageData[586][6].state_val)"
              :Ia="Number(pageData[586][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        585-->
        <g transform="translate(1860,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[585][1].state_val)"
            :stateDesc="pageData[585][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[585][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[585][3].state_val)"
            :stateDesc="pageData['585'][3].state_desc"
            :name="'-'+pageData['585'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[585][0].state_val)"
            :stateDesc="pageData[585][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[585][0].is_clear}"
            :name="pageData[585][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[585][2].state_val)"
            :stateDesc="pageData[585][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[585][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="白楼线"
              :ftCode="585"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[585][5].state_val)"
              :Q="Number(pageData[585][6].state_val)"
              :Ia="Number(pageData[585][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        584-->
        <g transform="translate(1940,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[584][1].state_val)"
            :stateDesc="pageData[584][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[584][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[584][3].state_val)"
            :stateDesc="pageData['584'][3].state_desc"
            :name="'-'+pageData['584'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[584][0].state_val)"
            :stateDesc="pageData[584][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[584][0].is_clear}"
            :name="pageData[584][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[584][2].state_val)"
            :stateDesc="pageData[584][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[584][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="军工线"
              :ftCode="585"
              dir="bottom"
              text-width="60"
              :has-unit="false"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[584][5].state_val)"
              :Q="Number(pageData[584][6].state_val)"
              :Ia="Number(pageData[584][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        583-->
        <g transform="translate(2020,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData[583][1].state_val)"
            :stateDesc="pageData[583][1].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[583][1].state_desc.split('-')[1]"></connect-line>
          <line x1="20" y1="42" x2="20" y2="72" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="57" x2="35" y2="57" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="98" x2="20" y2="113" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="20" y1="142" x2="20" y2="162" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <terminal-svg
            :state="Number(pageData[583][3].state_val)"
            :stateDesc="pageData['583'][3].state_desc"
            :name="'-'+pageData['583'][3].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="82"
            :translate-y="39"
            :text-translate-y="10"
            :text-translate-x="-40"
            :rotate="90"
          ></terminal-svg>
          <rect-svg
            :state="Number(pageData[583][0].state_val)"
            :stateDesc="pageData[583][0].state_desc"
            :rotate="90"
            :translate-y="71"
            :translate-x="49"
            :text-translate-x="6"
            :text-translate-y="0"
            :scale="0.7"
            :isMainPage="true"
            :itemObj="{is_clear:pageData[583][0].is_clear}"
            :name="pageData[583][0].state_desc"
          ></rect-svg>
          <connect-line
            :state="Number(pageData[583][2].state_val)"
            :stateDesc="pageData[583][2].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="140"
            :text-translate-y="10"
            :text-translate-x="50"
            :name="'-'+pageData[583][2].state_desc.split('-')[1]"></connect-line>
          <g transform="translate(-150,144)">
            <num-screen
              name="大吾线"
              :ftCode="585"
              dir="bottom"
              text-width="60"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[583][5].state_val)"
              :Q="Number(pageData[583][6].state_val)"
              :Ia="Number(pageData[583][4].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        52-7-->
        <g transform="translate(2110,1120)">
          <line x1="20" y1="0" x2="20" y2="10" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <connect-line
            :state="Number(pageData['10IIM'][0].state_val)"
            :stateDesc="pageData['10IIM'][0].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="-90"
            :translate-x="-4"
            :translate-y="38"
            :text-translate-y="10"
            :text-translate-x="0"
            :name="pageData['10IIM'][0].state_desc"></connect-line>
          <line x1="20" y1="40" x2="20" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="20" y2="100" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <line x1="-10" y1="100" x2="-10" y2="110" style="stroke:rgb(0,210,0);stroke-width:2"></line>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="87"
            :translate-y="-20"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></bi-lei-qi>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.7
            :translate-x="118"
            :translate-y="19"
            :rotate="90"
            :s-width="2"
            color="rgb(0,210,0)"
          ></dian-liu-hu-gan-qi>
        </g>
<!--        213-->
        <g transform="translate(2430,160)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[213][6].state_val)"
              :stateDesc="pageData[213][6].state_desc"
              :name="'-'+pageData[213][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[213][3].state_val)"
              :stateDesc="pageData[213][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[213][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[213][5].state_val)"
              :stateDesc="pageData[213][5].state_desc"
              :name="'-'+pageData[213][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[213][0].state_val)"
              :stateDesc="pageData[213][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[213][0].is_clear}"
              :name="pageData[213][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[213][1].state_val)"
              :stateDesc="pageData[213][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[213][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[213][4].state_val)"
              :stateDesc="pageData[213][4].state_desc"
              :name="'-'+pageData[213][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[213][2].state_val)"
              :stateDesc="pageData[213][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[213][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
             :has-screen="false"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[213][8].state_val)"
              :Q="Number(pageData[213][9].state_val)"
              :Ia="Number(pageData[213][7].state_val)"
            ></num-screen>
          </g>
          <polyline points="-242,-36,-242,45,-696,45" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>

        </g>
<!--        212-->
        <g transform="translate(2430,390)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[212][6].state_val)"
              :stateDesc="pageData[212][6].state_desc"
              :name="'-'+pageData[212][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[212][3].state_val)"
              :stateDesc="pageData[212][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[212][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[212][5].state_val)"
              :stateDesc="pageData[212][5].state_desc"
              :name="'-'+pageData[212][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[212][0].state_val)"
              :stateDesc="pageData[212][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[212][0].is_clear}"
              :name="pageData[212][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[212][1].state_val)"
              :stateDesc="pageData[212][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[212][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[212][4].state_val)"
              :stateDesc="pageData[212][4].state_desc"
              :name="'-'+pageData[212][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[212][2].state_val)"
              :stateDesc="pageData[212][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[212][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
              :has-screen="false"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[212][8].state_val)"
              :Q="Number(pageData[212][9].state_val)"
              :Ia="Number(pageData[212][7].state_val)"
            ></num-screen>
          </g>
          <polyline points="-242,-36,-242,45,-696,45" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>

        </g>
<!--        21-7-->
        <g transform="translate(1710,220)">
          <line x1="218" y1="35" x2="289" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
          <polyline points="274,35,274,10,289,10" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['220ⅠM'][1].state_val)"
            :stateDesc="pageData['220ⅠM'][1].state_desc"
            :name="'-'+pageData['220ⅠM'][1].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="336"
            :translate-y="-8"
            :text-translate-y="-8"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData['220ⅠM'][0].state_val)"
            :stateDesc="pageData['220ⅠM'][0].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="316"
            :translate-y="59"
            :text-translate-y="-32"
            :text-translate-x="-30"
            :name="pageData['220ⅠM'][0].state_desc"></connect-line>
          <polyline points="320,35,340,35,340,60,320,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['220ⅠM'][2].state_val)"
            :stateDesc="pageData['220ⅠM'][2].state_desc"
            :name="'-'+pageData['220ⅠM'][2].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="274"
            :translate-y="78"
            :text-translate-y="25"
            :text-translate-x="50"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="340,35,380,35,380,70" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.8
            :translate-x="277"
            :translate-y="-77.5"
            :rotate="0"
            :s-width="2"
            color="rgb(128,0,128)"
          ></dian-liu-hu-gan-qi>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="250"
            :translate-y="-28"
            :rotate="0"
            :s-width="2"
            color="rgb(128,0,128)"
          ></bi-lei-qi>
        </g>
<!--        253-->
        <g transform="translate(2430,520)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[253][6].state_val)"
              :stateDesc="pageData[253][6].state_desc"
              :name="'-'+pageData[253][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[253][3].state_val)"
              :stateDesc="pageData[253][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[253][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[253][5].state_val)"
              :stateDesc="pageData[253][5].state_desc"
              :name="'-'+pageData[253][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[253][0].state_val)"
              :stateDesc="pageData[253][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[253][0].is_clear}"
              :name="pageData[253][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[253][1].state_val)"
              :stateDesc="pageData[253][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[253][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[253][4].state_val)"
              :stateDesc="pageData[253][4].state_desc"
              :name="'-'+pageData[253][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[253][2].state_val)"
              :stateDesc="pageData[253][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[253][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
              name="桂平线"
              :ft-code="253"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[253][8].state_val)"
              :Q="Number(pageData[253][9].state_val)"
              :Ia="Number(pageData[253][7].state_val)"
            ></num-screen>
          </g>
        </g>
<!--        201-->
        <g transform="translate(2430,620)">
          <g transform="rotate(180)">
            <polyline points="340,65,290,65,290,0,340,0" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <polyline points="320,0,320,20,330,20" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <polyline points="320,65,320,45,330,45" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <rect-svg
              :state="Number(pageData[201][0].state_val)"
              :stateDesc="pageData[201][0].state_desc"
              :rotate="90"
              :translate-y="17"
              :translate-x="318"
              :text-translate-x="60"
              :text-translate-y="-34"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[201][0].is_clear}"
              :name="pageData[201][0].state_desc"
            ></rect-svg>
            <terminal-svg
              :state="Number(pageData[201][4].state_val)"
              :stateDesc="pageData[201][4].state_desc"
              :name="'-'+pageData[201][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="376"
              :translate-y="2"
              :text-translate-y="-40"
              :text-translate-x="-20"
              :rotate="90"
            ></terminal-svg>
            <terminal-svg
              :state="Number(pageData[201][3].state_val)"
              :stateDesc="pageData[201][3].state_desc"
              :name="'-'+pageData[201][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="376"
              :translate-y="26"
              :text-translate-y="-40"
              :text-translate-x="-20"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[201][2].state_val)"
              :stateDesc="pageData[201][2].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="344"
              :translate-y="-24"
              :text-translate-y="-30"
              :text-translate-x="0"
              :name="'-'+pageData[201][2].state_desc.split('-')[1]"></connect-line>
            <connect-line
              :state="Number(pageData[201][1].state_val)"
              :stateDesc="pageData[201][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="344"
              :translate-y="41"
              :text-translate-y="-50"
              :text-translate-x="0"
              :name="'-'+pageData[201][1].state_desc.split('-')[1]"></connect-line>
            <line x1="372" y1="0" x2="475" y2="0" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="372" y1="65" x2="500" y2="65" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="412,0,412,-30,370,-30" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <polyline points="412,65,412,95,370,95" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[201][6].state_val)"
              :stateDesc="pageData[201][6].state_desc"
              :name="'-'+pageData[201][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="323"
              :translate-y="-13"
              :text-translate-y="42"
              :text-translate-x="26"
              :rotate="-90"
            ></terminal-svg>
            <terminal-svg
              :state="Number(pageData[201][5].state_val)"
              :stateDesc="pageData[201][5].state_desc"
              :name="'-'+pageData[201][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="323"
              :text-rotate="-180"
              :translate-y="112"
              :text-translate-y="42"
              :text-translate-x="26"
              :rotate="-90"
            ></terminal-svg>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
              name="母联201"
              :ftCode="201"
              dir="bottom"
              :P="Number(pageData[201][8].state_val)"
              :Q="Number(pageData[201][9].state_val)"
              :num-tran-x="-30"
              :num-tran-y="50"
              :Ia="Number(pageData[201][7].state_val)"
            ></num-screen>
          </g>

        </g>
<!--        211-->
        <g transform="translate(2430,770)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[211][6].state_val)"
              :stateDesc="pageData[211][6].state_desc"
              :name="'-'+pageData[211][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[211][3].state_val)"
              :stateDesc="pageData[211][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[211][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[211][5].state_val)"
              :stateDesc="pageData[211][5].state_desc"
              :name="'-'+pageData[211][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[211][0].state_val)"
              :stateDesc="pageData[211][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[211][0].is_clear}"
              :name="pageData[211][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[211][1].state_val)"
              :stateDesc="pageData[211][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[211][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[211][4].state_val)"
              :stateDesc="pageData[211][4].state_desc"
              :name="'-'+pageData[211][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[211][2].state_val)"
              :stateDesc="pageData[211][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[211][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-140)">
            <num-screen
              :has-screen="false"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[211][8].state_val)"
              :Q="Number(pageData[211][9].state_val)"
              :Ia="Number(pageData[211][7].state_val)"
            ></num-screen>
          </g>
          <polyline points="-242,-36,-242,-95,-692,-95" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>

        </g>
<!--        252-->
        <g transform="translate(2430,900)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[252][6].state_val)"
              :stateDesc="pageData[252][6].state_desc"
              :name="'-'+pageData[252][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[252][3].state_val)"
              :stateDesc="pageData[252][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[252][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[252][5].state_val)"
              :stateDesc="pageData[252][5].state_desc"
              :name="'-'+pageData[252][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[252][0].state_val)"
              :stateDesc="pageData[252][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[252][0].is_clear}"
              :name="pageData[252][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[252][1].state_val)"
              :stateDesc="pageData[252][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[252][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[252][4].state_val)"
              :stateDesc="pageData[252][4].state_desc"
              :name="'-'+pageData[252][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[252][2].state_val)"
              :stateDesc="pageData[252][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[252][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
              name="西平Ⅱ线"
              :ft-code="252"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[252][8].state_val)"
              :Q="Number(pageData[252][9].state_val)"
              :Ia="Number(pageData[252][7].state_val)"
            ></num-screen>
          </g>
        </g>
<!--        22-7-->
        <g transform="translate(1710,920)">
          <line x1="218" y1="35" x2="289" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
          <polyline points="274,35,274,10,289,10" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['220ⅠM'][4].state_val)"
            :stateDesc="pageData['220ⅠM'][4].state_desc"
            :name="'-'+pageData['220ⅠM'][4].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="336"
            :translate-y="-8"
            :text-translate-y="-8"
            :text-translate-x="5"
            :rotate="90"
          ></terminal-svg>
          <connect-line
            :state="Number(pageData['220ⅠM'][3].state_val)"
            :stateDesc="pageData['220ⅠM'][3].state_desc"
            :scale="0.6"
            :isMainPage="true"
            :rotate="180"
            :translate-x="316"
            :translate-y="59"
            :text-translate-y="-32"
            :text-translate-x="-30"
            :name="pageData['220ⅠM'][3].state_desc"></connect-line>
          <polyline points="320,35,340,35,340,60,320,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <terminal-svg
            :state="Number(pageData['220ⅠM'][5].state_val)"
            :stateDesc="pageData['220ⅠM'][5].state_desc"
            :name="'-'+pageData['220ⅠM'][5].state_desc.split('-')[1]"
            :isMainPage="true"
            :scale=0.7
            :translate-x="274"
            :translate-y="78"
            :text-translate-y="25"
            :text-translate-x="50"
            :rotate="-90"
          ></terminal-svg>
          <polyline points="340,35,380,35,380,70" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
          <dian-liu-hu-gan-qi
            :isMainPage="true"
            :scale=0.8
            :translate-x="277"
            :translate-y="-77.5"
            :rotate="0"
            :s-width="2"
            color="rgb(128,0,128)"
          ></dian-liu-hu-gan-qi>
          <bi-lei-qi
            :isMainPage="true"
            :scale=1
            :translate-x="250"
            :translate-y="-28"
            :rotate="0"
            :s-width="2"
            color="rgb(128,0,128)"
          ></bi-lei-qi>
        </g>
<!--        251-->
        <g transform="translate(2430,1090)">
          <g transform="rotate(180)">
            <line x1="242" y1="35" x2="292" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="272,35,272,18,292,18" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[251][6].state_val)"
              :stateDesc="pageData[251][6].state_desc"
              :name="'-'+pageData[251][6].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="339"
              :translate-y="0"
              :text-translate-y="-42"
              :text-translate-x="-12"
              :rotate="90"
              :text-rotate="-180"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[251][3].state_val)"
              :stateDesc="pageData[251][3].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="296"
              :translate-y="11"
              :text-translate-y="-48"
              :text-translate-x="-22"
              :name="'-'+pageData[251][3].state_desc.split('-')[1]"></connect-line>
            <line x1="324" y1="35" x2="366" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="344,35,344,60,324,60" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <terminal-svg
              :state="Number(pageData[251][5].state_val)"
              :stateDesc="pageData[251][5].state_desc"
              :name="'-'+pageData[251][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="279"
              :translate-y="77"
              :text-translate-y="42"
              :text-translate-x="23"
              :rotate="-90"
              :text-rotate="-180"
            ></terminal-svg>
            <rect-svg
              :state="Number(pageData[251][0].state_val)"
              :stateDesc="pageData[251][0].state_desc"
              :rotate="0"
              :translate-y="7"
              :translate-x="364"
              :text-translate-x="-30"
              :text-translate-y="-60"
              :scale="0.7"
              :text-rotate="-180"
              :isMainPage="true"
              :itemObj="{is_clear:pageData[251][0].is_clear}"
              :name="pageData[251][0].state_desc"
            ></rect-svg>
            <line x1="390" y1="35" x2="430" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <polyline points="430,60,410,60,410,15,430,15" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
            <connect-line
              :state="Number(pageData[251][1].state_val)"
              :stateDesc="pageData[251][1].state_desc"
              :scale="0.6"
              :text-rotate="-180"
              :isMainPage="true"
              :rotate="0"
              :translate-x="432"
              :translate-y="11"
              :text-translate-y="-50"
              :text-translate-x="-30"
              :name="'-'+pageData[251][1].state_desc.split('-')[1]"></connect-line>
            <terminal-svg
              :state="Number(pageData[251][4].state_val)"
              :stateDesc="pageData[251][4].state_desc"
              :name="'-'+pageData[251][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :text-rotate="-180"
              :translate-x="476"
              :translate-y="-3"
              :text-translate-y="-25"
              :text-translate-x="23"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData[251][2].state_val)"
              :stateDesc="pageData[251][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="0"
              :text-rotate="-180"
              :translate-x="432"
              :translate-y="36"
              :text-translate-y="-52"
              :text-translate-x="-30"
              :name="'-'+pageData[251][2].state_desc.split('-')[1]"></connect-line>
            <line x1="458" y1="35" x2="498" y2="35" stroke="rgb(128,0,128)" stroke-width="2"></line>
            <line x1="458" y1="60" x2="473" y2="60" stroke="rgb(128,0,128)" stroke-width="2"></line>
          </g>
          <g transform="translate(-350,-80)">
            <num-screen
              name="西平Ⅰ线"
              :ft-code="251"
              dir="bottom"
              :num-tran-x="-30"
              :num-tran-y="45"
              :P="Number(pageData[251][8].state_val)"
              :Q="Number(pageData[251][9].state_val)"
              :Ia="Number(pageData[251][7].state_val)"
            ></num-screen>
          </g>
        </g>
      </svg>
      </div>
    </div>
    <el-dialog title="教案初始化" :visible.sync="newJiaoAnDialog" width="40rem" 	custom-class="switchPatrolDialog" :close-on-press-escape="true"
               :close-on-click-modal="true" 	@close="closeJiaoAn">
      <el-form :model="form">
        <el-form-item label="教案名称" label-width="8rem">
          <el-input v-model="form.name" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="工况文件" label-width="8rem">
          <el-select v-model="form.region" placeholder="请选择工况文件">
            <el-option  v-for="(item,index) in form.gKList" :key="index" :label=item.name :value=item.id></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="教案描述" label-width="8rem">
          <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入内容"
            v-model="form.desc">
          </el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="newJiaoAn">教案入库</el-button>
        <el-button type="primary" @click="clearNewData">取消</el-button>
      </div>
    </el-dialog>
    <load-jiao-an :loadJiaoAn="loadJiaoAn" @DialogClose="closeJiaoAn"></load-jiao-an>
    <remove-jiao-an :removeJiaoAn="removeJiaoAn" @DialogClose="closeJiaoAn"></remove-jiao-an>
    <start-handle :startHandle="startHandle" @DialogClose="closeHandle" @showAddJiaoAn="showAddJiaoAn"></start-handle>
    <sys-gong-kuang :sysGongKuang="sysGongKuang" @DialogClose="closeJiaoAn"></sys-gong-kuang>
    <el-dialog ref="operateRecordDialogRef" custom-class="operateRecordDialog" :modal="false" :close-on-click-modal="false" v-if="operationRecordsDialogVisible" :visible.sync="operationRecordsDialogVisible" v-dialogDrag:{dialogDrag}="true" width="35%">
      <p slot="title" class="el-dialog__title">操作记录</p>
      <div class="messageAlarmList">
        <el-table :data="operationRecordsData" width="100%" height="250" >
          <el-table-column prop="num" label="序号" width="85" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.num}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="createTime" label="操作时间" width="160" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.createTime}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="log_desc" label="操作描述" header-align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.log_desc}}</span>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";
import MonitorHeader from "@/components/MonitorHeader/MonitorHeader.vue";
import SysGongKuang from "@/components/JA/sysGongKuang.vue";
import StartHandle from "@/components/JA/startHandle.vue";
import RemoveJiaoAn from "@/components/JA/removeJiaoAn.vue";
import LoadJiaoAn from "@/components/JA/loadJiaoAn.vue";
import { getOperateRecord, saveJAn, submitOperateRecord } from "@/api/api";
import { EventBus } from "@/tools/bus";
import NumScreen from "@/components/controls/numScreen.vue";
import BiLeiQi from "@/components/controls/biLeiQi.vue";
import XianQuan from "@/components/controls/xianquan.vue";
import { wsSend } from "@/tools/sendMessage";
import TerminalSvg from "@/components/controls/terminal-svg.vue";
import ConnectLine from "@/components/controls/connect-line.vue";
import RectSvg from "@/components/controls/rect-svg.vue";
import MainBus from "@/components/controls/mainBus.vue";
import DianLiuHuGanQi from "@/components/controls/dianLiuHuGanQi.vue";
import Jiedi from "@/components/controls/jiedi.vue";
import ShouCheSvg from "@/components/controls/shou-che-svg.vue";
import Zhanyongbian from "@/components/controls/zhanyongbian.vue";
import FourCircle from "@/components/controls/fourCircle.vue";
import DianKangQi from "@/components/controls/dianKangQi.vue";


export default {
  name: "mainPage",
  components: {
    DianKangQi,
    FourCircle,
    Zhanyongbian,
    ShouCheSvg,
    Jiedi,
    DianLiuHuGanQi,
    MainBus,
    RectSvg,
    ConnectLine,
    TerminalSvg,
    XianQuan,
    BiLeiQi,
    NumScreen,
    LoadJiaoAn,
    RemoveJiaoAn,
    StartHandle,
    SysGongKuang,
    MonitorHeader,
    ScaleBox
  },
  data() {
    return {
      operationRecordsDialogVisible:false,
      operationRecordsData:[],
      jiaoAnValue: [],
      pageData:null,
        jiaoAnOptions_1:[],
      jiaoAnOptions: [{
        value: '生成教案',
        label: '生成教案',

      }, {
        value: '加载教案',
        label: '加载教案',
      },
        {
          value: '删除教案',
          label: '删除教案',
        },{
          value: '录制教案',
          label: '录制教案',
          children: [{
            value: '开始记录操作到教案完全记录',
            label: '开始记录操作到教案完全记录'
          }, {
            value: '结束记录操作到教案完全结束',
            label: '结束记录操作到教案完全结束'
          },]
        }],
      form: {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      },
      gongkuangValue:[],
      newJiaoAnDialog: false,
      gongKuangOptions: [{
        value: '系统工况',
        label: '系统工况',
      }],
      loadJiaoAn:false,
      //删除教案
      removeJiaoAn:false,
      //
      startHandle:false,
      //工况
      sysGongKuang:false,
    }
  },
  watch: {
    watch: {
      newJiaoAnDialog(val) {
        if (val){
         this.getGkList();
        }
      }
    }
  },
  created() {
    EventBus.$on('ws-connected', this.handleWSConnected)
    if (this.$store.state.ws && this.$store.state.ws.readyState === WebSocket.OPEN) {
      this.handleWSConnected()
    }
  },
  methods: {
    handleWSConnected() {
      if (this.$store.state.wsHandled) return
      this.$store.commit('setWsHandled',true)
      wsSend({ cmd: 'getMonitorMainPage' })
    },
    getOperateRecordList() {
      getOperateRecord({}).then(res => {
        if (res.data){
          const data = JSON.parse(JSON.stringify(res.data.map(o => {
            o.isHighlight = false;
            return o;
          })));
          if (this.operationRecordsData.length && this.operationRecordsData.length !== data?.length) {
            data[0].isHighlight = true;
          }
          this.operationRecordsData = data;
        }

      });
    },
    operationRecords() {
      this.operationRecordsDialogVisible = true
      this.operationRecordsData = [];
      this.getOperateRecordList();
      this.$nextTick(() => {
        this.$refs.operateRecordDialogRef.$el.style.pointerEvents = 'none';
      });
    },
    clearAll(){
      wsSend({ "cmd": "switchAllClear" })
      submitOperateRecord({ log_desc: '全站清闪' },false)
    },
    alertLog(){
      wsSend({ "cmd": "openAlertWindow" })
    },
    startDrag(e) {
      e.preventDefault();
      const el = this.$refs.page;
      this.isDragging = true;
      this.startX = e.clientX;
      this.startY = e.clientY;
      this.scrollLeft = el.scrollLeft;
      this.scrollTop = el.scrollTop;

      window.addEventListener("mousemove", this.onDrag);
      window.addEventListener("mouseup", this.stopDrag);
    },
    onDrag(e) {
      if (!this.isDragging) return;
      e.preventDefault();

      const dx = e.clientX - this.startX;
      const dy = e.clientY - this.startY;

      cancelAnimationFrame(this.dragAnimationFrame);

      this.dragAnimationFrame = requestAnimationFrame(() => {
        const el = this.$refs.page;
        if (!el) return;

        el.scrollLeft = this.scrollLeft - dx;
        el.scrollTop = this.scrollTop - dy;
      });
    },
    stopDrag() {
      this.isDragging = false;
      cancelAnimationFrame(this.dragAnimationFrame);
      window.removeEventListener("mousemove", this.onDrag);
      window.removeEventListener("mouseup", this.stopDrag);
    },
    async newJiaoAn(){
      if (this.form.name===''){
        this.$message.error('请输入名称')
        return
      }
      if (this.form.region===''){
        this.$message.error('请选择工况')
        return
      }
      if (this.form.desc===''){
        this.$message.error('请输入描述')
        return
      }
      const params = {
        gkId:this.form.region,
        name: this.form.name,
        teaDesc: this.form.desc,
      }
      const res=await saveJAn(params);
      if (res.data.code===200){
        this.$message.success('添加成功')
        this.clearNewData();
      }else{
        this.$message.error('添加失败请检查网路设置')
      }
    },
    closeJiaoAn(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.loadJiaoAn=false
      this.removeJiaoAn=false
      this.sysGongKuang=false
      this.newTicket=false
    },
    closeHandle(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.startHandle=false
    },
    clearNewData(){
      this.form = {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      };
      this.newJiaoAnDialog = false
    },
    showAddJiaoAn(){
      this.newJiaoAnDialog = true
    },
    handleChange(value) {
      if (value){
        this.jiaoAnValue=null
        this.gongkuangValue=null
        const currentSelect = value[value.length - 1]
        switch (currentSelect){
          case '生成教案':
            this.newJiaoAnDialog = true
            break
          case '加载教案':
            this.loadJiaoAn = true
            break
          case '删除教案':
            this.removeJiaoAn = true
            break
          case '开始记录操作到教案完全记录':
            this.startHandle = true
            break
          case '系统工况':
            this.sysGongKuang = true
            break
        }
      }
    },
    messageHandle(data){
      if (data.cmd==='switchAllClear'){
        this.$message.success('全站清闪成功')
        wsSend({ "cmd": "getMonitorMainPage" })
      }
      if (data.cmd==='getMonitorMainPage'){
         this.pageData = JSON.parse(JSON.stringify(data.data))
        console.log(JSON.parse(JSON.stringify(this.pageData)),'主图数据')
      }
    },
  },
  mounted() {
      if(['teacher','admin'].includes(this.$store.state.user?.userRole)){
          this.jiaoAnOptions_1=JSON.parse(JSON.stringify(this.jiaoAnOptions))
      }else{
          this.jiaoAnOptions_1=this.jiaoAnOptions.filter(o=>o.value==='加载教案')
      }
    EventBus.$on("ws-message",this.messageHandle)
    this.$store.commit('setMainPage',true)
  },
    beforeCreate() {
        this.$store.commit('setWsHandled',false)
    },
    beforeDestroy() {
    EventBus.$off("ws-message",this.messageHandle)
    EventBus.$off('ws-connected')
    this.$store.commit('setMainPage',false)
  },
};
</script>
